<div class="productnosend_manage">
    <div nz-row nzGutter="16" class="row_1">
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入产品编码" [(ngModel)]="goodCode" />
        </div>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入产品名称" [(ngModel)]="goodName" />
        </div>
        <div nz-col nzSpan="6">
            <label>发货时间：</label>
            <nz-range-picker class="date_select" [(ngModel)]="dateRange" (ngModelChange)="onDateChange($event)"
                [nzAllowClear]="false">
            </nz-range-picker>
        </div>
        <div nz-col nzSpan="2">
            <button class="search_btn" nz-button nzType=""><i nz-icon nzType="search"></i>搜索</button>
        </div>
    </div>
    <div nz-row class="row_2">
        <h4>未发货产品</h4>
        <nz-table #basicTable [nzData]="listOfData" [nzFrontPagination]="false">
            <thead>
                <tr>
                    <th>发货时间</th>
                    <th>产品编码</th>
                    <th>产品名称</th>
                    <th>未发运量</th>
                    <th>可用数量</th>
                    <th>待检数量</th>
                    <th>已分配数量</th>
                    <th>预留数量</th>
                    <th>合格数量</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of basicTable.data">
                    <td>{{ data.time }}</td>
                    <td>{{ data.code }}</td>
                    <td>{{ data.name }}</td>
                    <td>{{ data.wfyl }}</td>
                    <td>{{ data.kysl }}</td>
                    <td>{{ data.djsl }}</td>
                    <td>{{ data.yfpsl }}</td>
                    <td>{{ data.ylsl }}</td>
                    <td>{{ data.hgsl }}</td>
                </tr>
            </tbody>
        </nz-table>
        <div class="page_row" nz-col nzSpan="24">
            <nz-pagination [nzPageIndex]="1" [nzTotal]="50" nzShowSizeChanger [nzShowTotal]="totalTemplate">
            </nz-pagination>
            <ng-template #totalTemplate let-total> 总共 50 条 </ng-template>
        </div>
    </div>
</div>